﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>demo show</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="public/style/offline.css" rel="stylesheet" type="text/css">
	 <link rel="stylesheet" href="public/style/bootstrap.min.css">
</head>
<body>
<div class="offline-warper">
	<!-- head-begin -->
	<div class="headers">
		<div class="headers-logo">
			<a href="">
				<img src="public/images/logo.png" alt="" title="" />
			</a>
		</div>
		<div class="navigation-off">
			<h1>悦龄网活跃长者社区会员注册表</h1>
		</div>
	</div>
	<!-- head-end -->
	<!-- content-begin -->
	<div class="off-contents">
		<div class="off-contents-head">
			<p>欢迎加入悦龄网活跃长者社区，在这里您讲结交到老伙伴，参加各类社团和活动，丰富您的业余生活</p>
		</div>
		<div class="offline-cont">
			<!-- 申请人资料 -->
			<div class="datum-table">
				<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
					<tbody>
						<tr>
							<td>
								<label class="col-sm-3 control-label" for="">编号:</label>
								<div class="col-sm-3">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
							<td></td>
						</tr>
						
						<tr align="left" class="active">
							<th>申请人资料</th>
							<th></th>
						</tr>
						<tr>
							<td>
								<label class="col-sm-3 control-label" for="">姓名:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
							<td>
								<div class="ro-sexs-right">
									<label class="col-sm-3 control-label" for="">称呼:</label>
									<div class="ro-sexs">
										<label class="radio-inline">
											<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 先生
										</label>
										<label class="radio-inline">
											<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女士
										</label>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<label class="col-sm-3 control-label" for="">出生年月:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
							<td>
								<label class="col-sm-3 control-label" for="">原职业:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<label class="col-sm-3 control-label" for="">联络手机:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
							<td>
								<label class="col-sm-3 control-label" for="">联络电话:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<label class="col-sm-3 control-label" for="">个人邮箱:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
							<td>
								<label class="col-sm-3 control-label" for="">推荐人:</label>
								<div class="col-sm-8">
									<input class="form-control" type="text" id="" placeholder="">
								</div>
							</td>
						</tr>
						<tr>
							<td colspan='2'>
								<div class="education-lists">
									<label class="col-sm-2 control-label" for="">教育程度:</label>
									<label class="radio-inline">
										<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 小学
									</label>
									<label class="radio-inline">
										<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 初中
									</label>
									<label class="radio-inline">
										<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 高中
									</label>
									<label class="radio-inline">
										<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 大学
									</label>
									<label class="radio-inline">
										<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 硕士及以上
									</label>
								</div>
							</td>
						</tr>
						<!-- 地址 -->
						<tr align="left" class="active">
							<th>海南省内住址</th>
							<th></th>
						</tr>
						<tr>
							<td colspan='2'>
								<div class="off-select-input">
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">上海</option>
										<option value="">广州</option>
									</select>
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">北京</option>
										<option value="">北京</option>
									</select>
									<select name="" id="">
										<option value="">广州</option>
										<option value="">广州</option>
										<option value="">广州</option>
									</select>
									<div class="col-sm-7">
										<input class="form-control" type="text" id="" placeholder="">
									</div>
								</div>
							</td>
						</tr>
						<tr align="left" class="active">
							<th>原住址</th>
							<th></th>
						</tr>
						<tr>
							<td colspan='2'>
								<div class="off-select-input">
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">上海</option>
										<option value="">广州</option>
									</select>
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">北京</option>
										<option value="">北京</option>
									</select>
									<select name="" id="">
										<option value="">广州</option>
										<option value="">广州</option>
										<option value="">广州</option>
									</select>
									<div class="col-sm-7">
										<input class="form-control" type="text" id="" placeholder="">
									</div>
								</div>
							</td>
						</tr>
						<tr align="left" class="active">
							<th>个人籍贯</th>
							<th></th>
						</tr>
						<tr>
							<td colspan='2'>
								<div class="off-select-input">
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">上海</option>
										<option value="">广州</option>
									</select>
									<select name="" id="" class="">
										<option value="">北京</option>
										<option value="">北京</option>
										<option value="">北京</option>
									</select>
									<select name="" id="">
										<option value="">广州</option>
										<option value="">广州</option>
										<option value="">广州</option>
									</select>
									<div class="col-sm-7">
										<input class="form-control" type="text" id="" placeholder="">
									</div>
								</div>
							</td>
						</tr>
						<tr align="left" class="active">
							<th>个人兴趣：</th>
							<th></th>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="person-interest">
				<div class="interest-multi-choices">
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 唱歌
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 听音乐
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 读书
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 绘画
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 书法
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 跳舞
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 钓鱼
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 宠物
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 羽毛球
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 乒乓球
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 跑步
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 游泳
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 公益
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 旅游
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 摄影
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 美食
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 饮茶
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 扑克
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 麻将
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 网络应用
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 烹饪
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 养生
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 太极
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 象棋
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 围棋
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 收藏
					</label>
				</div>
				<label class="col-sm-2 control-label" for="">其他:</label>
				<div class="col-sm-6">
					<input class="form-control" type="text" id="" placeholder="">
				</div>
			</div>
			<div class="off-footer">
				<div class="off-foot-left">
					<ul>
						<li>
							<label class="col-sm-2 control-label" for="">咨询热线:</label>
							<div class="col-sm-6">
								<input class="form-control" type="text" id="" placeholder="">
							</div>
						</li>
						<li>
							<label class="col-sm-2 control-label" for="">联络邮件:</label>
							<div class="col-sm-6">
								<input class="form-control" type="text" id="" placeholder="">
							</div>
						</li>
						<li>
							<label class="col-sm-2 control-label" for="">官方网址:</label>
							<div class="col-sm-6">
								<a href="http://www.ai60.com">www.ai60.com</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="off-foot-right"></div>
			</div>
			<div class="">
				<button type="button" class="btn btn-primary btn-lg btn-block">提交</button>
			</div>
			<div class="footer-bottom-text">
				<p>感谢您加入悦龄网，希望您在此处悦而忘龄，拥有健康、快乐的时光</p>
			</div>
		</div>
	</div>
	<!-- content-end -->
</div>
	
<script src="public/js/jquery-1.11.1.min.js" type="text/javascript"></script>
</body>
</html>